<div id="raspberry-manage-view">
  <!--<div class="pageheader">-->
    <!--<h2><i class="fa fa-home"></i>账号管理</h2>-->
    <!--<div class="al-header-right">-->
      <!--<button type="button" class="btn btn-primary" ng-click="newData()">新建账号</button>-->
    <!--</div>-->
  <!--</div>-->
  <div class="page">
    <div class="al-list-container">
      <form class="form-horizontal al-search-container" role="form">
        <div class="form-group">
          <label class="col-sm-1 control-label">UUID</label>
          <div class="col-sm-3">
            <input class="form-control" ng-model="search.name" type="text" placeholder=""/>
          </div>
          <div class="col-sm-3">
          </div>
          <div class="col-sm-1">
            <button type="button" ng-click="queryData()" class="btn btn-success al-float-right">查询</button>
          </div>
          <div class="col-sm-1">
            <button type="button" ng-click="resetSearch()" class="btn btn-default">重置</button>
          </div>
          <div class="col-sm-1">
          </div>
          <div class="col-sm-1">
            <button type="button" class="btn btn-primary" ng-click="newData()">新建</button>
          </div>
        </div>
      </form>
      <table ng-table="tableParams"
             class="table  table-bordered table-striped table-condensed al-table-container">
        <thead>
        <tr>
          <td>UUID</td>
          <td>所属房间</td>
          <td>二维码</td>
          <td>注册时间</td>
          <td>更新时间</td>
          <td>操作</td>
        </tr>
        </thead>
        <tbody>
          <tr ng-repeat="item in $data">
            <td>{{item.uuid}}</td>
            <td>{{item.house}}</td>
            <td><qrcode data="S{{item.uuid}}" download size="80"></qrcode></td>
            <td>{{item.createTime}}</td>
            <td>{{item.updateTime}}</td>
            <td>
              <button class="btn btn-warning btn-sm" ng-click="editData(item)">编辑</button>
              <button class="btn btn-primary btn-sm" ng-click="printData(item)">打印</button>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div style="display: none">
    <div id="item-print-container">
      <div>
        <div style="width: 226.4px;height: 169.8px;margin: auto;padding: 10px 0">
          <div style="height: 113px;width: 50%;float: left;padding-top: 10px;margin-bottom: 10px;">
            <p style="text-align: left;height: 20px;font-weight:500;font-size:16px">{{printItem.name}}</p>
            <p style="text-align: left;height: 20px;font-weight:300">{{printItem.uuid}}</p>
            <p style="text-align: left;height: 20px;font-weight:300">{{printItem.description}}</p>
          </div>
          <div style="height: 113px;width: 50%;float: left;margin-bottom: 10px;">
            <img ng-src="{{printItem.img}}" alt="" style="width: 100%;">
          </div>
          <div style="clear: both;width: 100%;height: 1px;background: #757575;">
          </div>
          <p style="text-align: center;height: 20px;margin: 5.75px 0;margin-top:10px;font-weight:500"><span>谷冰风场&nbsp;&nbsp;&nbsp;&nbsp;</span><span>{{printItem.time}}</span></p>
        </div>
      </div>
    </div>
  </div>
</div>
